<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品列表</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/gallery.css" />
		<script src="/js/device.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/gallery.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/search.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="container">
			<!--设置整个页面居中，需要设定margin并且需要设定width宽度-->
			<!--应用网页模板-->
			<% include template/header.html %>
			<script src="js/top_nav.js" type="text/javascript" charset="utf-8"></script>
			<!--导航结束-->
			<!--header结束-->
			<!--内容开始-->
			<div id="content">
				<div class="Navigation">
					<span class="pos-front">您当前的位置：</span>
					<span><a href="#">首页</a>></span>
					<span><a href="#">列表</a></span>
				</div>
				<div class="hot-gallery-grid">
					<div class="hot_text">
						热卖推荐
					</div>
					<ul class="clearfix">
						<li>
							<div class="hot_product_item clearfix">
								<div class="goods-pic fl">
									<!--图片-->
									<a href="#"><img src="/img/product/product02.png" /></a>
								</div>
								<div class="goods-info fl">
									<!--信息-->
									<div class="goods-title">
										<a href="#">Fracora 神经酰胺 肌肤重获健康透亮 水润光泽 30日量 30粒</a>
									</div>
									<div class="goods-price">
										￥195.00
									</div>
									<div class="goods-btn">
										<a class="btn" href="#">
											立即购买
										</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="hot_product_item clearfix">
								<div class="goods-pic fl">
									<!--图片-->
									<a href="#"><img src="/img/product/product02.png" /></a>
								</div>
								<div class="goods-info fl">
									<!--信息-->
									<div class="goods-title">
										<a href="#">Fracora 神经酰胺 肌肤重获健康透亮 水润光泽 30日量 30粒</a>
									</div>
									<div class="goods-price">
										￥195.00
									</div>
									<div class="goods-btn">
										<a class="btn" href="#">
											立即购买
										</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="hot_product_item clearfix">
								<div class="goods-pic fl">
									<!--图片-->
									<a href="#"><img src="/img/product/product02.png" /></a>
								</div>
								<div class="goods-info fl">
									<!--信息-->
									<div class="goods-title">
										<a href="#">Fracora 神经酰胺 肌肤重获健康透亮 水润光泽 30日量 30粒</a>
									</div>
									<div class="goods-price">
										￥195.00
									</div>
									<div class="goods-btn">
										<a class="btn" href="#">
											立即购买
										</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="hot_product_item clearfix">
								<div class="goods-pic fl">
									<!--图片-->
									<a href="#"><img src="/img/product/product02.png" /></a>
								</div>
								<div class="goods-info fl">
									<!--信息-->
									<div class="goods-title">
										<a href="#">Fracora 神经酰胺 肌肤重获健康透亮 水润光泽 30日量 30粒</a>
									</div>
									<div class="goods-price">
										￥195.00
									</div>
									<div class="goods-btn">
										<a class="btn" href="#">
											立即购买
										</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--商品品牌价格区间-->
				<div class="gallery_filter">
					<div class="bg_top clearfix">
						<div class="bg_left fl">
							<div>
								品牌
							</div>							
						</div>
						<div class="bg_right fl">
							<ul class="brand clearfix">
								<li class="hh">
									<a class="title first selected_brand" href="javascript:void(0);">不限</a>
								</li>
								<li>
									<a class="item brand_img" href="javascript:void(0);"><img src="/img/category/frac.png" /></a>
								</li>
								<li>
									<a class="item brand_img" href="javascript:void(0);"><img src="/img/category/frac.png" /></a>
								</li>
							</ul>
						</div>
					</div>
					<div class="bg_bottom clearfix">
						<div class="bg_bottom_left fl">
							价格
						</div>
						<div class="bg_bottom_right fl">
							<span class="filter-item first">
								<a href="javascript:void(0);">不限</a>
							</span>
							<span class="filter-item">
								<a href="javascript:void(0);">0-99元</a>
							</span>
							<span class="filter-item">
								<a href="javascript:void(0);">100-199元</a>
							</span>
							<span class="filter-item">
								<a href="javascript:void(0);">200-299元</a>
							</span>
						</div>
					</div>
				</div>
				<!--商品筛选 分页-->
				<div id="gallery_sortbar" class="gallery_sortbar clearfix">
					<!--默认 销量 价格-->
					<div class="gallery-sort fl">
						<a class="action-sort active" href="javascript:void(0);">默认</a>
						<a class="action-sort" href="javascript:void(0);">价格</a>
						<a class="action-sort" href="javascript:void(0);">销量</a>
						<label>排序：</label>
						<select class="action-orderby" name="">
							<option value="0" selected="selected">默认</option>
							<option value="1">按总访问量</option>
						</select>
					</div> 
					<!--图标列表-->
					<div class="gallery-showmode fl">
						<a href="#"><i class="glyphicon glyphicon-th-large"> </i>大图</a>
						<a href="#"><i class="glyphicon glyphicon-th-list"> </i>列表</a>
						<label><input type="checkbox" name="" id="" value="" />仅显示有货</label>
					</div>
					<!--分页-->
					<div class="mini-pageview fr">
						<span class="">
							<%=currentpage%>/<%=pageSum%>
						</span>
						<span class="">
							<a href="/gallery/<%=cate_id%>/pager/<%=previouspage%>"><</a><a href="/gallery/<%=cate_id%>/pager/<%=nextpage%>">></a>							
						</span>
					</div>
				</div>
				<!--商品列表-->
				<div class="product_list">
					<ul class="clearfix">
						<%for(i=0;i<productlist.length;i++){%>
						<li>
							<div class="goods-pic">
								<!--照片-->
								<input type="text" class="hidden" name="product_id" id="product_id" value="<%=productlist[i].product_Id%>" />
								<a href="/product/<%=productlist[i].product_Id%>"><img src="<%=productlist[i].product_img%>"/></a>								
							</div>
							<div class="goods-info">
								<h3><a href="/product/<%=productlist[i].product_Id%>"><%=productlist[i].product_name%></a></h3>
								
							</div>
							<div class="goods-price">
								<span class="new_price">
									￥<%=productlist[i].new_price%>
								</span>
								<span class="old_price">
									￥<%=productlist[i].old_price%>
								</span>
							</div>
							<div class="goods-buy clearfix">
								<div class="buy fl">
									<a href="/product/<%=productlist[i].product_Id%>">购买</a>
								</div>
								<div class="goods-other fr">
									<a class="goods_collect" href="javascript:void(0);"><i class="glyphicon glyphicon-heart"></i>
										收藏
									</a>
								</div>
							</div>
						</li>
                        <%}%>						
                    </ul>
				</div>
			</div>

			<!--内容结束-->
			<!--在线客服-->
            <div class="online_service_panel">
            	<a href="/service/service_online" target="_blank"><img src="/img/online_service/robot.jpg"/></a>
            	<a href="/service/service_online" target="_blank">在线客服</a>
            </div>
            <!--在线客服结束-->	
			<!--footer开始-->
			<!--应用网页模板-->
			<% include template/footer.html %>
			<!--footer结束-->
		</div>
	</body>

</html>	